<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>云健康H5页面</title>
    <meta name="viewport"
          content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,initial-scale=1.0"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <meta name="author" content="Colin"/>
    <link type="text/css" rel="stylesheet" href="css/style.css">
    <link type="text/css" rel="stylesheet" href="css/main.css">
</head>
<body>
<div class="page page-1-1 page-current">
    <section id="wrapper-a" class="tl">
        <div class="waText mb20"><img src="img/w-a-Text1.png" style="width: 70%"></div>
        <div class="waText"><img src="img/w-a-Text2.png"></div>
        <div class="waPic"><img src="img/w-a-Pic1.png"></div>
        <span class="pageNext"></span>
    </section>
</div>
<div class="page page-2-1 hide">
    <section id="wrapper-b" class="wrapper tl">
        <div class="wrapper-b-cont wrapper-cont">
            <div class="b-content">
                <div class="b-pic">
                    <img src="img/w-b-Pic1.png" style="width:100%;"/>
                </div>
                <div class="b-text">
                    <img src="img/wbPic-a.png" style="width:100%;"/>
                </div>
            </div>
            <div class="b-content">
                <div class="b-pic">
                    <img src="img/w-b-Pic2.png" style="width:100%;"/>
                </div>
                <div class="b-text">
                    <img src="img/wbPic-b.png" style="width:100%;"/>
                </div>
            </div>
            <div class="b-content">
                <div class="b-pic">
                    <img src="img/w-b-Pic3.png" style="width:100%;"/>
                </div>
                <div class="b-text">
                    <img src="img/wbPic-c.png" style="width:100%;"/>
                </div>
            </div>
            <div class="b-content">
                <div class="b-pic">
                    <img src="img/w-b-Pic4.png" style="width:100%;"/>
                </div>
                <div class="b-text">
                    <img src="img/wbPic-d.png" style="width:100%;"/>
                </div>
            </div>
        </div>
        <span class="pageNext"></span>
    </section>
</div>
<div class="page page-3-1 hide">
    <section id="wrapper-c" class="wrapper tl">
        <div class= "wrapper-c-cont wrapper-cont">
            <div class="wcText"><img src="img/w-c-Pic1.png" style="width: 50%"></div>
            <div class="wcPic"><img src="img/w-c-Pic2.png"></div>
        </div>
        <span class="pageNext"></span>
    </section>
</div>
<div class="page page-4-1 hide">
    <section id="wrapper-d" class="wrapper wrapper-d">
        <div class="wrapper-d-cont wrapper-cont">
            <div class="text">
                <img src="img/text.png" style="width:100%;"/>
            </div>
            <div class="computer">
                <img src="img/computer.png" style="width:100%;">
            </div>
        </div>
        <span class="pageNext"></span>
    </section>
</div>
<div class="page page-5-1 hide">
    <section id="wrapper-e" class="wrapper wrapper-e">
        <div class="wrapper-e-cont wrapper-cont">
            <div class="e-title tl">
                <img src="img/e-title.png" style="width:90%;">
            </div>
            <div class="e-content">
                <div class="e-pic e-pic-thin">
                    <img src="img/e-pic-thin.png" style="width:100%;"/>
                </div>
                <div class="e-text e-text-thin">
                    <img src="img/e-text-thin.PNG" style="width:100%;"/>
                </div>
            </div>
            <div class="e-content">
                <div class="e-pic e-pic-service">
                    <img src="img/e-pic-service.png" style="width:100%;"/>
                </div>
                <div class="e-text e-text-service">
                    <img src="img/e-text-service.png" style="width:100%;"/>
                </div>
            </div>
            <div class="e-content">
                <div class="e-pic e-pic-team">
                    <img src="img/e-pic-team.png" style="width:100%;"/>
                </div>
                <div class="e-text e-text-team">
                    <img src="img/e-text-team.png" style="width:100%;"/>
                </div>
            </div>
        </div>
        <span class="pageNext"></span>
    </section>
</div>
<div class="page page-6-1 hide">
    <section id="wrapper-f" class="wrapper wrapper-f">
        <div class="wrapper-f-cont wrapper-cont">
            <div class="f-content">
                <div class="f-pic f-pic-thin">
                    <img src="img/f-pic-constitution.png" style="width:100%;"/>
                </div>
                <div class="f-text f-text-thin">
                    <img src="img/f-text-constitution.png" style="width:100%;"/>
                </div>
            </div>
            <div class="f-content">
                <div class="f-pic f-pic-thin">
                    <img src="img/f-pic-bloodPres.png" style="width:100%;"/>
                </div>
                <div class="f-text f-text-thin">
                    <img src="img/f-text-bloodPres.png" style="width:100%;"/>
                </div>
            </div>
            <div class="f-content">
                <div class="f-pic f-pic-thin">
                    <img src="img/f-pic-bloodSugar.png" style="width:100%;"/>
                </div>
                <div class="f-text f-text-thin">
                    <img src="img/f-text-bloodSugar.png" style="width:100%;"/>
                </div>
            </div>
        </div>
        <span class="pageNext"></span>
    </section>
</div>
<div class="page page-7-1 hide">
    <section id="wrapper-g" class="swiper-slide">
        <div class="logo"><img src="img/logo.png" style="width:20%"></div>
        <div class="titleText">完整的健康服务生态系统</div>
        <a href="#" class="downSubmit">点击下载云健康</a>
    </section>
</div>
<script type="text/javascript" src="js/zepto.min.js"></script>
<script type="text/javascript" src="js/touch.js"></script>
<script type="text/javascript" src="js/index.js"></script>
</body>
</html>